<template>
  <div>
    <!-- 父向子传数据 -->
    <!-- 使用自定义属性的方式传入 -->
    <!-- 父向子传入的数据，在子是不允许修改，单向数据流 -->
    <child :childtitle="title" :num="100" :setTitleFn="setTitle"></child>
    <!-- <child :childtitle="title" :num="200"></child> -->
    <child :childtitle="title" :setTitleFn="setTitle"></child>
  </div>
</template>

<script>
import child from "./components/child.vue";
export default {
  components: {
    child,
  },
  data() {
    return {
      title: "父向传给子中的数据",
    };
  },
  methods: {
    setTitle(msg) {
      this.title = msg;
    },
  },
};
</script>

<style lang="scss" scoped>
</style>